<script>
    import Paging from '../components/paging.svelte'    
</script>

<div class="container">
    <p class="title">赔付用户</p>
    <p class="pay-number">-10000 USDT</p>
    <div class="pay-info">
        <span class="left-info">用户UID：123123123</span>
        <span class="right-info">开仓点位：70000 </span>
    </div>
    <div class="pay-info">
        <span class="left-info">姓名：test</span>
        <span class="right-info">开仓点位：70000 </span>
    </div>
    <div class="pay-info">
        <span class="left-info">用户UID：123123123</span>
        <span class="right-info">开仓点位：70000 </span>
    </div>
</div>

<style lang="scss">
    .container {
        background: #fff;
        display: flex;
        margin: 10px 0 0 0;
        align-items: center;
        height: 100%;
        flex-direction: column;

        .title {
            font-size:26px;
            font-family:PingFang SC;
            font-weight:400;
            color:rgba(255,67,107,1);
            line-height:35px;
            margin-top: 111px;
        }

        .pay-number {
            font-size:36px;
            font-family:DIN;
            font-weight:bold;
            color:rgba(255,67,107,1);
            line-height:35px;
            margin-bottom: 80px;
        }

        .pay-info {
            .left-info {
                display: inline-block;
                width:219px;
                font-size:20px;
                font-family:PingFang SC;
                font-weight:400;
                color:rgba(0,0,0,1);
                line-height:52px;
                margin: 0 114px 0 0;
            }

            .right-info {
                font-size:21px;
                font-family:PingFang SC;
                font-weight:400;
                color:rgba(0,0,0,1);
                line-height:62px;
            }
        }
    }
</style>
